<template>
	<view>
		<view class="header status_bar">
			<view class="back iconfont" @tap="backPage">&#xe779;</view>
			<view class="text">订单通知</view>
		</view>
		<view class="clear_box"></view>

		<block v-for="(item, index) in info" :key="'info' + index" v-if="select == 0">
			<view class="tidings_box">
				<view class="time">{{ item.created_at }}</view>
				<view class="content">
					<view class="title_box">
						<view class="round"></view>
						<view class="title">{{item.service_name}}
							<view class="span" v-if="item.type == 1">(提醒接单)</view>
							<view class="span" v-if="item.type == 2">(用户催单)</view>
						</view>
					</view>
						<view class="text">取:{{item.fetch_info}}</view>
						<view class="text">送:{{item.receive_info}}</view>
				</view>
			</view>
		</block>
		
		
	</view>
</template>

<script>
export default {
	data() {
		return {
			page:1,
			scrrol: false,
			select: 0,
			menu: [
				{
					text: '系统公告'
				},
				{
					text: '消息通知'
				}
			],
			info: [
				// {
				// 	time: '2020-08-31 :18:08:29',
				// 	title: '各位云彩直淘会员们大家好:',
				// 	text: [
				// 		{
				// 			t: '为了给大家带来更好的体验，云彩直淘将于9月1日进行更新，本次更新内容如下:'
				// 		},
				// 		{
				// 			t: '1、调整部分商品补贴红包的金额，最高可得2.6元红包补贴;'
				// 		},
				// 		{
				// 			t: '2、优化部分商品信息，体验更多乐趣;'
				// 		},
				// 		{
				// 			t: '3、对云彩直淘进行其他体验上的优化;'
				// 		},
				// 		{
				// 			t: '以上就是本次更新的所有内容啦，祝各位会员们生活快乐，万事如意!'
				// 		}
				// 	]
				// },
				// {
				// 	time: '2020-08-31 :18:08:29',
				// 	title: '各位云彩直淘会员们大家好02:',
				// 	text: [
				// 		{
				// 			t: '为了给大家带来更好的体验，云彩直淘将于9月1日进行更新，本次更新内容如下:'
				// 		},
				// 		{
				// 			t: '1、调整部分商品补贴红包的金额，最高可得2.6元红包补贴;'
				// 		},
				// 		{
				// 			t: '2、优化部分商品信息，体验更多乐趣;'
				// 		},
				// 		{
				// 			t: '3、对云彩直淘进行其他体验上的优化;'
				// 		},
				// 		{
				// 			t: '以上就是本次更新的所有内容啦，祝各位会员们生活快乐，万事如意!'
				// 		}
				// 	]
				// },
				// {
				// 	time: '2020-08-31 :18:08:29',
				// 	title: '各位云彩直淘会员们大家好02:',
				// 	text: [
				// 		{
				// 			t: '为了给大家带来更好的体验，云彩直淘将于9月1日进行更新，本次更新内容如下:'
				// 		},
				// 		{
				// 			t: '1、调整部分商品补贴红包的金额，最高可得2.6元红包补贴;'
				// 		},
				// 		{
				// 			t: '2、优化部分商品信息，体验更多乐趣;'
				// 		},
				// 		{
				// 			t: '3、对云彩直淘进行其他体验上的优化;'
				// 		},
				// 		{
				// 			t: '以上就是本次更新的所有内容啦，祝各位会员们生活快乐，万事如意!'
				// 		}
				// 	]
				// },
				// {
				// 	time: '2020-08-31 :18:08:29',
				// 	title: '各位云彩直淘会员们大家好02:',
				// 	text: [
				// 		{
				// 			t: '为了给大家带来更好的体验，云彩直淘将于9月1日进行更新，本次更新内容如下:'
				// 		},
				// 		{
				// 			t: '1、调整部分商品补贴红包的金额，最高可得2.6元红包补贴;'
				// 		},
				// 		{
				// 			t: '2、优化部分商品信息，体验更多乐趣;'
				// 		},
				// 		{
				// 			t: '3、对云彩直淘进行其他体验上的优化;'
				// 		},
				// 		{
				// 			t: '以上就是本次更新的所有内容啦，祝各位会员们生活快乐，万事如意!'
				// 		}
				// 	]
				// }
			],
			
		};
	},
	filters: {
		setValueData(value) {
			let editSplitStr = '##qingwuit##'
			let content = value;
			content = content.split(editSplitStr)
			let strings = content[0];		
			return strings;
		},
		
		
	},
	onLoad(options) {
		let that = this;
		that.loadData();
		that.loadRead();
	},
	methods: {
		loadData() {
			let that = this;
			that.Net._get('terminal/order_news',{per_page:'10',page:that.page}, res => {				
				if(res.code == 200){
					  //console.log(res)
						that.info = res.data.data;
						// let editSplitStr = '##qingwuit##'
						// that.info.forEach(listRes=>{
						//      listRes.content = listRes.content.split(editSplitStr)
						// 		 listRes.content = listRes.content[0];
						// 		//console.log(listRes.content)
						// });

						
						
				}
				
			});
		},
		loadRead() {
			let that = this;
			that.Net._put('terminal/mark_read',{}, res => {				
				if(res.code == 200){
					  //console.log(res)	
						
				}
				
			});
		},
		backPage() {
			uni.navigateBack({});
		},
		gotopage(e) {
			let url = e.currentTarget.dataset.url;
			uni.navigateTo({
				url: url
			});
		},
		setNavMenu(e) {
			let index = e.currentTarget.dataset.index;
			this.select = index;
		}
	},
	onPageScroll: function(Object) {
		//console.log(Object.scrollTop); //实时获取到滚动的值
		if (Object.scrollTop > 25) {
			this.scrrol = true;
		} else if (Object.scrollTop < 25) {
			this.scrrol = false;
		}
	},
	onReachBottom() {
		var that = this;
		that.page++;
		that.Net._get('terminal/order_news',{per_page:'10',page:that.page}, res => {
			if (res.code == 200) {
				//console.log(res)
				if (res.data.data == '') {
					uni.showToast({
						title: '已经是最后一页了',
						duration: 2000,
						icon: 'none'
					});
				} else {			
					
					
					that.info = that.info.concat(res.data.data); //将数据拼接在一起
				}
			} else if (res.code == 0) {
				that.Msg.Success(res.msg, res => {});
			}
			
		});
		
	},
	onPullDownRefresh() {
		//监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
		let that = this;
		that.page = 1;
		that.info = [];
		setTimeout(function() {
			uni.stopPullDownRefresh();
			that.loadData();
		}, 500);
	}
};
</script>

<style>

.scrrolHeader {
	background-color: #fff !important;
	border-bottom: 1px solid #e8e8e8 !important;
}
.nav {
	width: 100%;
	height: 13.5vw;
	overflow: hidden;
	overflow-x: auto;
	position: fixed;
	top: calc(13.5vw + var(--status-bar-height));
	z-index: 99;
	/* background-color: #fff;
		border-bottom: 1px solid #e8e8e8; */
	box-sizing: border-box;
}

.nav .navauto {
	width: 100%;
	display: flex;
	/* margin-left: 4%; */
	min-width: 100%;
}

.nav .navauto .menu {
	width: 50%;
	position: relative;
}

.nav .navauto .menu .round{
	width: 1.5vw;
	height: 1.5vw;
	border-radius: 50%;
	background-color: #FF7F22;
	position: absolute;
	top: 3.5vw;
	right: 14vw;
	z-index: 999;
}

.nav .navauto .menu .text {
	font-size: 4vw;
	color: #333;
	text-align: center;
	line-height: 13.5vw;
}

.nav .navauto .menu .line {
	width: 20%;
	height: 2.5px;
	background-color: transparent;
	border-radius: 3vw;
	position: absolute;
	left: calc(50% - 10%);
	bottom: 1.5vw;
}

.menucolor {
	color: #FF7F22 !important;
	font-weight: bold;
	font-size: 4.5vw !important;
}

.menucolor02 {
	background-color: #FF7F22 !important;
}

.tidings_box {
	width: 92%;
	margin: 0 auto;
	margin-bottom: 5vw;
}

.tidings_box .time {
	font-size: 3vw;
	color: #999;
	text-align: center;
	height: 10.5vw;
	line-height: 10.5vw;
}

.tidings_box .content {
	background-color: #fff;
	border-radius: 1.5vw;
	padding:1.5vw 3vw 3vw 3vw;
	box-shadow: 0px 1px 4.65px 0.35px rgba(51, 51, 51, 0.09);
}

.tidings_box .content .title_box {
	display: flex;
}

.tidings_box .content .title_box .round {
	width: 2vw;
	height: 2vw;
	border-radius: 50%;
	background-color: #FF7F22;
	margin-top: 4.25vw;
}

.tidings_box .content .title_box .title {
	line-height: 10.5vw;
	font-size: 4vw;
	color: #333;
	margin-left: 1.5vw;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.tidings_box .content .title_box .title .span{
	line-height: 10.5vw;
	font-size: 4vw;
	color: #FF7F22;
	font-weight: bold;
}

.tidings_box .content .text {
	font-size: 3vw;
	color: #333;
	line-height: 5vw;
}

.tidings_box .content .goods{
	width: 100%;
	display: flex;
}

.tidings_box .content .goods .goods_img{
	width: 24vw;
	height: 24vw;
	border-radius: 2vw;
	margin-right: 3vw;
}

.tidings_box .content .goods .goods_img image{
	width: 100%;
	height: 100%;
	border-radius: 2vw;
}

.tidings_box .content .goods .title{
	flex: 1;
	margin-right: 3vw;
	font-size: 3.5vw;
	color: #333;
	line-height: 5vw;
	display: flex;
	align-items: center;
}
</style>
